﻿@charset "utf-8";
/*-------------��ҳ����-------------*/
/*------ ����ʽ����� ------*/
#content .styles{
	width:100%;
	min-width:1220px;
	background-color:#f6f6f6;
}
.styles .sty-content{
	width:1220px;
	margin:auto;
}
.styles .sty-title{/*-- ���� --*/
	padding:50px 0;
	width:600px;
	margin:auto;
}
.sty-content .sty-opt{/*-- ����ʽ�� --*/
	position:relative;
	float:left;
	width:200px;
	padding-top:20px;
	text-align:center;
	overflow:hidden;
}
.sty-content .sty-o-top{
	margin:90px 0;
}
.sty-content .sty-o-mar{
	margin-left:140px;
}
/*-- �����ͣͼƬ�䰵 --*/
.sty-opt .sty-o-img{
	display:block;
	position:absolute;
	top:20px;
	left:20px;
	width:160px;
	height:160px;
	background:url("../images/style_hover12.png") no-repeat;
	opacity:0;
}
.sty-opt:hover .sty-o-img{
	opacity:1;
}
/*-- תȦ���� --*/
.sty-opt .sty-o-bg{
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:200px;
	background:url("../images/style_1_cx12.png") no-repeat;
	animation:bg-rotate 10s linear infinite;
}
.sty-opt .sty-bg-2{
	background-image:url("../images/style_3_cx12.png");
}
.sty-opt .sty-bg-3{
	background-image:url("../images/style_2_cx12.png");
}
.sty-opt .sty-bg-4{
	background-image:url("../images/style_4_cx12.png");
}
.sty-opt .sty-bg-5{
	background-image:url("../images/style_5_cx12.png");
}
.sty-opt .sty-bg-6{
	background-image:url("../images/style_6_cx12.png");
}
.sty-opt .sty-bg-7{
	background-image:url("../images/style_7_cx12.png");
}
.sty-opt .sty-bg-8{
	background-image:url("../images/style_8_cx12.png");
}
/*-- �����ͣ��תȦ�����ı� --*/
.sty-opt:hover .sty-o-bg{
	background-image:url("../images/style_1_c_hx12.png");
	animation-play-state:paused;
}
.sty-opt:hover .sty-bg-2{
	background-image:url("../images/style_3_c_hx12.png");
}
.sty-opt:hover .sty-bg-3{
	background-image:url("../images/style_2_c_hx12.png");
}
.sty-opt:hover .sty-bg-4{
	background-image:url("../images/style_4_c_hx12.png");
}
.sty-opt:hover .sty-bg-5{
	background-image:url("../images/style_5_c_hx12.png");
}
.sty-opt:hover .sty-bg-6{
	background-image:url("../images/style_6_c_hx12.png");
}
.sty-opt:hover .sty-bg-7{
	background-image:url("../images/style_7_c_hx12.png");
}
.sty-opt:hover .sty-bg-8{
	background-image:url("../images/style_8_c_hx12.png");
}
.sty-opt .sty-o-pic{/*-- ����ͼƬ --*/
	width:160px;
	height:160px;
	margin-bottom:25px;
}
.sty-opt .sty-o-title img{/*-- С����ͼƬ --*/
	width:190px;
	height:20px;
}
@keyframes bg-rotate{/*-- ���� --*/
	0%{transform:rotate(0deg);}
	50%{transform:rotate(360deg);}
	100%{transform:rotate(0deg);}
}
/*------ ����ʽ����� end ------*/

/*------ ��ҳ���� ���㳡Ʒ�ơ���� ------*/
#content .brand-show{
	width:100%;
	min-width:1220px;
	height:720px;
	background:url("../images/fr_bgx12.jpg") no-repeat center;
}
.brand-show .bs-content{
	position:relative;
	width:1220px;
	height:720px;
	margin:auto;
}
/*-- ��������ͼƬ --*/
.bs-content .bs-title img{
	margin-top:45px;
}
.bs-title .brand-title{
	margin-left:215px;
}
.bs-title .show-title{
	margin-left:430px;
}
/*-- ��Ʒ�ơ����� --*/
.bs-content .brand-content{
	position:absolute;
	top:225px;
	left:62px;
	width:545px;
	height:325px;
	overflow:hidden;
}
.brand-content > a{
	position:absolute;
	padding:10px;
	border:2px solid transparent;
	color:#fff;
	font-size:26px;
	font-weight:bold;
}
.brand-content .lighter{
	color:rgba(255,255,255,.5);
}
.brand-content > a:hover{
	border:2px solid #fff;
}
/*-- ������Ʒ�ơ� --*/
.bs-content .s-apply{
	position:absolute;
	bottom:10px;
	left:200px;
	background-color:rgb(37,37,37);
}
.bs-content .s-apply a{
	display:block;
	color:#fff;
}
.bs-content .s-apply:hover{
	background-color:#000;
}
/*-- ���㳡������ --*/
.bs-content .show-content{
	position:absolute;
	top:195px;
	right:10px;
	width:555px;
	height:451px;
}
.show-content a{
	position:relative;
	display:inline-block;
}
.show-content span{
	position:absolute;
}
.show-content .sw-c-mar{
	padding-left:7px;
}
.show-content .sw-c-top{
	padding-top:7px;
}
.show-content .s-place{/*-- ���� --*/
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}
.show-content .s-layer{/*-- ���� --*/
	width:272px;
	height:144px;
	top:0;
	left:0;
	background:url("../images/c_layer.png") no-repeat;
	opacity:0;
	transition:.3s;
}
.sw-c-top .s-layer{
	top:7px;
}
.sw-c-mar .s-layer{
	left:7px;
}
.show-content .s-o-layer{
	width:554px;
	height:143px;
	background:url("../images/o_layer.png") no-repeat;
}
.show-content .s-paris{
	width:68px;
	height:60px;
	background:url("../images/p_n.png") no-repeat;
}
.show-content .s-york{
	width:125px;
	height:70px;
	background:url("../images/n_n.png") no-repeat;
}
.show-content .s-milan{
	width:78px;
	height:60px;
	background:url("../images/m_n.png") no-repeat;
}
.show-content .s-london{
	width:100px;
	height:62px;
	background:url("../images/l_n.png") no-repeat;
}
.show-content .s-other{
	width:75px;
	height:60px;
	background:url("../images/o_n.png") no-repeat;
}
.show-content:hover a .s-layer{/*-- �����ͣ��ʾ���ֲ� --*/
	opacity:1;
}
.show-content a:hover .s-layer{
	opacity:0;
}
/*-- ������T̨�� --*/
.bs-content .enter-show{
	left:820px;
	background-color:#fff;
}
.bs-content .enter-show a{
	color:#333;
}
.bs-content .enter-show i{
	background:url("../images/n_icon.png") no-repeat -75px -160px;
}
.bs-content .enter-show:hover{
	background-color:#fff;
}
/*------ ��ҳ���� ���㳡Ʒ�ơ���� end ------*/

/*------ ��ҳ���� ������ܱ�ȫ���ޡ���� ------*/
#content .designed-around{
	width:100%;
	min-width:1220;
	height:951px;
	background:url("../images/fv_bg.png") no-repeat center;
}
.designed-around .da-content{
	width:1220px;
	margin:auto;
}
.da-content .des-content{/*-- ������� --*/
	float:right;
	width:920px;
	height:860px;
	margin-top:55px;
	overflow:hidden;
}
.des-content .des-ptn-bks{/*-- ��ͼ������������� --*/
	float:left;
	width:580px;
}
.des-content .des-reference{/*-- ���زġ����� --*/
	float:right;
}
.des-ptn-bks .des-title img{/*-- ������ͼƬ --*/
	width:580px;
	height:100%;
}
.des-list{/*-- ��ͼ��������� --*/
	width:245px;
	margin-top:55px;
	border-top:2px solid rgb(37,37,37);
}
.des-ref-list{/*-- ���زġ� --*/
	margin-top:20px;
}
.des-ptn-bks .des-l-list{/*-- ��ͼ���� --*/
	float:left;
}
.des-ptn-bks .des-r-list{/*-- ����� --*/
	float:right;
}
.des-list-opt{
	position:relative;
}
.des-list-opt img{
	transition:.3s;
}
.des-list-opt a{
	display:block;
	height:65px;
	padding-top:35px;
	border-bottom:1px solid #ccc;
}
.des-list-header a{/*-- ��ͼ������������زġ����� --*/
	display:block;
	height:67px;
	padding-top:25px;
	border-bottom:1px solid rgb(37,37,37);
}
.des-ref-header a{/*-- ���زġ����� --*/
	height:72px;
	padding-top:20px;
}
.des-list-header i{/*-- ��ͼ����ͼ�� --*/
	display:inline-block;
	width:46px;
	height:46px;
	background:url("../images/n_icon.png") no-repeat -127px -245px;
}
.des-read-header i{/*-- �����ͼ�� --*/
	background-position:0 -245px;
}
.des-ref-header i{/*-- ���زġ�ͼ�� --*/
	margin-top:3px;
	background-position:-62px -245px;
	vertical-align:top;
}
.des-list-opt .des-effect i{/*-- ��>�� --*/
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	right:-11px;
	width:11px;
	height:20px;
	background:url("../images/n_icon.png") no-repeat -187px -161px;
	z-index:-1;
	transition:.3s;
}
/*-- �����ͣЧ�� --*/
.des-list:hover .des-list-header i{
	background-position:-127px -191px;
}
.des-list:hover .des-read-header i{
	background-position:0 -191px;
}
.des-list:hover .des-ref-header i{
	background-position:-62px -191px;
}
.des-list-opt:hover{
	background-color:#fff;
}
.des-effect:hover img{
	margin-left:15px;
}
.des-effect:hover i{
	z-index:1;
	right:30px;
}
/*------ ��ҳ���� ������ܱ�ȫ���ޡ���� end ------*/

/*------ ��ҳ���� ��������������� ------*/
#content .partner{
	width:1220px;
	margin:50px auto;
}
.partner .ptn-title{/*-- "��������"���� --*/
	width:600px;
	margin:50px auto;
}
.ptn-content .p-c-res{
	float:left;
}
.ptn-content .res-mar{/*-- ������� --*/
	margin-left:58px;
}
.ptn-content .res-top{/*-- �����м�� --*/
	margin-top:60px;
}
/*-- ����ͼƬ --*/
.ptn-content i{
	display:block;
	width:195px;
	height:95px;
	background-repeat:no-repeat;
	background-position:center;
}
.ptn-content .res-1 i{
	background-image:url("../images/res1.png");
}
.ptn-content .res-2 i{
	background-image:url("../images/res2.png");
}
.ptn-content .res-3 i{
	background-image:url("../images/res3.png");
}
.ptn-content .res-4 i{
	background-image:url("../images/res4.png");
}
.ptn-content .res-5 i{
	background-image:url("../images/res5.png");
}
.ptn-content .res-6 i{
	background-image:url("../images/res6.png");
}
.ptn-content .res-7 i{
	background-image:url("../images/res7.png");
}
.ptn-content .res-8 i{
	background-image:url("../images/res8.png");
}
.ptn-content .res-9 i{
	background-image:url("../images/res9.png");
}
.ptn-content .res-10 i{
	background-image:url("../images/res10.png");
}
.ptn-content .res-11 i{
	background-image:url("../images/res11.png");
}
.ptn-content .res-12 i{
	background-image:url("../images/res12.png");
}
.ptn-content .res-13 i{
	background-image:url("../images/res13.png");
}
.ptn-content .res-14 i{
	background-image:url("../images/res14.png");
}
/*-- �����ͣ ����ͼƬ��ɫ --*/
.res-1:hover i{
	background-image:url("../images/res1_h.png");
}
.res-2:hover i{
	background-image:url("../images/res2_h.png");
}
.res-3:hover i{
	background-image:url("../images/res3_h.png");
}
.res-4:hover i{
	background-image:url("../images/res4_h.png");
}
.res-5:hover i{
	background-image:url("../images/res5_h.png");
}
.res-6:hover i{
	background-image:url("../images/res6_h.png");
}
.res-7:hover i{
	background-image:url("../images/res7_h.png");
}
.res-8:hover i{
	background-image:url("../images/res8_h.png");
}
.res-9:hover i{
	background-image:url("../images/res9_h.png");
}
.res-10:hover i{
	background-image:url("../images/res10_h.png");
}
.res-11:hover i{
	background-image:url("../images/res11_h.png");
}
.res-12:hover i{
	background-image:url("../images/res12_h.png");
}
.res-13:hover i{
	background-image:url("../images/res13_h.png");
}
.res-14:hover i{
	background-image:url("../images/res14_h.png");
}
/*------ ��ҳ���� ��������������� end ------*/

/*-------------��ҳ���� end-------------*/